layui.use(['form', 'layer'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;

    form.on("submit(editManager)", function (data) {
        var state = $("#State").val();
        // 获取防伪标记
        $.ajax({
            type: 'POST',
            url: '/Manager/ModifyData/',
            data: {
                Id: $("#Id").val(),  //主键
                UserName: $(".UserName").val(),
                RoleId: $(".RoleId").val(),
                NickName: $(".NickName").val(),
                Mobile: $(".Mobile").val(),
                Email: $(".Email").val(),
                BankType: $(".BankType").val(),
                BankCard: $(".BankCard").val(),
                CardId: $(".CardId").val(),
                BankCity: $(".BankCity").val(),
                BankProvince: $(".BankProvince").val(),
                //IsLock: $(".IsLock").get(0).checked,
                Remark: $(".Remark").val(),
                UploadImages: $(".UploadImages").val().split(',')
            },
            dataType: "json",
            headers: {
                "X-CSRF-TOKEN-yilezhu": $("input[name='AntiforgeryKey_yilezhu']").val()
            },
            success: function (res) {
                // res为相应体,function为回调函数
                if (res.ResultCode === 200) {
                    var alertIndex = layer.alert(res.ResultMsg, { icon: 1 }, function () {
                        layer.closeAll("iframe");
                        //刷新父页面
                        parent.location.reload();
                        top.layer.close(alertIndex);
                    });
                    //$("#res").click();//调用重置按钮将表单数据清空
                } else if (res.ResultCode === 102) {
                    layer.alert(res.ResultMsg, { icon: 5 }, function () {
                        layer.closeAll("iframe");
                        //刷新父页面
                        parent.location.reload();
                        top.layer.close(alertIndex);
                    });
                }
                else {
                    layer.alert(res.ResultMsg, { icon: 5 });
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
            }
        });
        return false;
    });
    form.verify({
        username: function (value, item) { //value：表单的值、item：表单的DOM对象
            if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                return '用户名不能有特殊字符';
            }
            if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                return '用户名首尾不能出现下划线\'_\'';
            }
            if (/^\d+\d+\d$/.test(value)) {
                return '用户名不能全为数字';
            }
            if (value.length > 10) {
                return '用户名太长，请控件在10个字符';
            }
        }

        , checkedimages: function (value, item) {
            if (!value) {
                return '请上传图片资料';
            }
        }
    });

    function GetCurrentUserInfo() {
        $.ajax({
            type: 'GET',
            url: '/Manager/GetCurrentUserInfo/',
            data: {},
            dataType: "json",
            success: function (res) {//res为相应体,function为回调函数
                $(".UserName").val(res.UserName);
                $(".NickName").val(res.NickName);
                $(".Mobile").val(res.Mobile);
                $(".Email").val(res.Email);
                $(".BankType").val(res.BankType);
                $(".BankProvince").val(res.BankProvince);
                //$(".BankCity").val(res.BankCity);
                $(".BankCity").html("<option value=" + res.BankCity + ">" + res.BankCity + "</option>");

                $(".BankCard").val(res.BankCard);
                $(".CardId").val(res.CardId);
                
                $("#State").val(res.State);
                $("#Id").val(res.Id);
                $(".IsLock").val(res.IsLock);
                if (res.State == 2) $("#AuditRemark").show();

                $(".AuditRemark").val((res.AuditRemark || ""));
                $(".Remark").val(res.Remark);
                $(".RoleId").val(res.RoleId);

                //if (res.State == 1) {
                //    $("#uploadImagesBtn,#editManager").prop("disabled", true);
                //} else {
                //    $(".NickName,.Mobile,.Email,.BankType,.BankProvince,.BankCity,.BankCard,.IsLock,.Remark").prop("disabled", false);
                //}

                var html = '';
                if (res.AuditImages.length) {
                    for (var i = 0; i < res.AuditImages.length; i++) {
                        var item = res.AuditImages[i];
                        html += '<span value="' + i + '" style="position:relative; top: 0;">';
                        html += '<a href="http://dns.qsgjlive.com/' + item + '" target="_bank"><img src="http://dns.qsgjlive.com/' + item + '" style="width: 100px;" /></a>';
                        html += '<button type="button" class="layui-btn layui-btn-sm updateAuditImage" value="' + i + '" style="position:absolute; right: 0;">X</button>';
                        html += '</span>';
                    }
                    $(".imagesPanel").html(html);
                    $("#UploadImages").val(res.AuditImages.toString());
                }
                form.render();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
            }
        });
    }
    GetCurrentUserInfo();

    $(".imagesPanel").on('click', '.updateAuditImage', function () {
        var id = $(this).attr("value");
        var newImages = [];
        var images = $("#UploadImages").val().split(',');
        var currentImage = $(".imagesPanel").find("span[value=" + id + "] img").attr("src");
        for (var i = 0; i < images.length; i++) {
            var image = images[i];
            if (currentImage.indexOf(image) == -1) {
                newImages.push(image);
            }
        }
        $("#UploadImages").val(newImages);
        $(".imagesPanel").find("span[value=" + id + "]").remove();
    });

    // 上传图片到七牛云
    $("#uploadImagesBtn").click(function () {
        var state = $("#State").val();
        //if (state != "1") {
            $("#userfile").click();
        //} else {
        //    layer.alert('用户已审核，不能修改用户资料！', { icon: 5 });
        //}
    });

});